<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "我的财富");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style>
	.cashbox{
		width:100%;
		position:relative;
	}
	.cashbottom{
		position:absolute;
	    bottom:0px;
	    width:100%;
	    padding:15px 0px;
	    background-color:black;
	    opacity:0.5;
	}
	.money{
		color:#333333;
		text-align:center;
	}
	.character{
		text-align:center;
	}
	.weui-btn{
		font-size: 15px;
	}
	.weui-btn_plain-primary{
		color: #1fa6db;
    	border: 1px solid #1fa6db;
	}
	
	.wealthimg{
		width: 23px;
		height: 23px;
		padding-right: 10px;
	}
	.weui-cell{
		padding:15px 15px;
		
	}
	.weui-cell:before{
		border-top: 1px solid #e5e5e5;
	}
	.share{
		border-bottom:0px;
	}
	#shareLevel{
		display:none;
	}
	.share-award{
		border-bottom:0px;
	}
	
	
	.weui-cell_define {
	    -webkit-tap-highlight-color: rgba(0,0,0,0);
	    color: inherit
	}
	
	.weui-cell_define:active {
	    background-color: #ececec
	}
	
	.weui-cell_define .weui-cell__ft {
	    padding-right: 13px;
	    position: relative
	}
	
	.weui-cell_define .weui-cell__ft:after {
	    content: " ";
	    display: inline-block;
	    height: 6px;
	    width: 6px;
	    border-width: 0 2px 2px 0;
	    border-color: #c8c8cd;
	    border-style: solid;
	    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
	    transform: matrix(.71,.71,-.71,.71,0,0);
	    position: relative;
	    top: -2px;
	    position: absolute;
	    top: 50%;
	    margin-top: -4px;
	    right: 2px
	}
	
	
</style>

<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback"	data-back-href="<c:url value='/wechat/cust/personCenter/index'/>"></div>
	<div class="weui-flex ">
		<div class="cashbox">
			<div>
				<a  href="<c:url value='/wechat/acc/myWealth/balanceDetail' />">
					<div style="text-align: right;color: #666666;padding: 0.5rem 0.5rem 0rem 0rem;font-size: 15px">
						<span>明细</span>
					</div>
				</a>
			</div>
			<div>
				<p class="character">
					<img style="width: 40px;height: 45px" src="<c:url value='/images/we/myWealth/icon_money.png' />">
				<p>
			</div>
			<div>
				<p class="character" style="font-size: 1.4rem;color: #333">
					￥<fmt:formatNumber value="${accountInfo.balance}" minFractionDigits="2" />
				</p>
			</div>
			<div>
				<p class="character">				
					<a style="width: 45%;margin-top: 0.6rem" href="<c:url value='/wechat/acc/myWealth/withdraw?accountNo=${accountInfo.accountNo}' />" class="weui-btn weui-btn_plain-primary">
						提现
					</a>
				</p>
			</div>
		</div>
	</div>

	<div class="weui-cells">
		 <a class="weui-cell weui-cell_access" href="<c:url value='/wechat/acc/myWealth/bonusDetail' />">
			 <div class="weui-cell__hd">
			 	<img class="wealthimg" src="<c:url value='/images/we/myWealth/icon_bean.png' />">
			 </div>
			 <div class="weui-cell__bd">
			 	<p>金豆明细</p>
			 </div>
			 <div class="weui-cell__ft">
			 </div>
		 </a>
		 <a class="weui-cell weui-cell_access" href="<c:url value='/wechat/acc/myWealth/incomeInfoDetail' />">
			 <div class="weui-cell__hd">
			 	<img class="wealthimg" src="<c:url value='/images/we/myWealth/icon_income.png' />">
			 </div>
			 <div class="weui-cell__bd">
			 	<p>奖金明细</p>
			 </div>
			 <div class="weui-cell__ft">
			 </div>
		 </a>
		 <div class="weui-cell">
		     <div class="weui-cell__hd">
		     	<img class="wealthimg" src="<c:url value='/images/we/myWealth/icon_more.png' />">
		     </div>
		     <div class="weui-cell__bd">
		     	<p>推广奖</p>
		     </div>
		     <div class="weui-cell__ft">
				<fmt:formatNumber value="${goldenBeanInfo.promotionAward}" pattern="#" minFractionDigits="0" > </fmt:formatNumber> <span>金豆</span>
			 </div>
	     </div>
	     <div class="weui-cell weui-cell_access share-award" id="share-father">
		     <div class="weui-cell__hd">
		     	<img class="wealthimg" src="<c:url value='/images/we/myWealth/icon_share.png' />">
		     </div>
		     <div class="weui-cell__bd">
		     	<p>分享奖</p>
		     </div>
		     <div class="weui-cell__ft">
			 	<!-- <fmt:formatNumber value="0" pattern="#.##" minFractionDigits="2" > </fmt:formatNumber>  -->
			 </div>
	     </div>
	     <div id="shareLevel" style="padding-left:2rem;">
		     <div  class="weui-cell share">
			     <div class="weui-cell__bd first-share">
			     	<p>一级分享奖</p>
			     </div>
			     <div class="weui-cell__ft"> 
			     	<span>￥</span><fmt:formatNumber value="${incomeInfo.firstSharingAward}" pattern="#.##" minFractionDigits="2" > </fmt:formatNumber>
				 </div>
		     </div>
		     <div  class="weui-cell share">
			     <div class="weui-cell__bd">
			     	<p>二级分享奖</p>
			     </div>
			     <div class="weui-cell__ft">
				 	<span>￥</span><fmt:formatNumber value="${incomeInfo.secondSharingAward}" pattern="#.##" minFractionDigits="2" > </fmt:formatNumber>
				 </div>
		     </div>
	     </div>
	     
	      <div class="weui-cell">
		     <div class="weui-cell__hd">
		     	<img class="wealthimg" src="<c:url value='/images/we/myWealth/icon_team.png' />">
		     </div>
		     <div class="weui-cell__bd">
		     	<p>孵化奖</p>
		     </div>
		     <div class="weui-cell__ft">
			 	<span>￥</span><fmt:formatNumber value="${incomeInfo.hatcheryAward}" pattern="#.##" minFractionDigits="2" > </fmt:formatNumber>
			 </div>
	     </div>
	     <div class="weui-cell service-award">
		     <div class="weui-cell__hd">
		     	<img class="wealthimg" src="<c:url value='/images/we/myWealth/icon_service.png' />">
		     </div>
		     <div class="weui-cell__bd">
		     	<p>服务奖</p>
		     </div>
		     <div class="weui-cell__ft">
			 	<span>￥</span><fmt:formatNumber value="${incomeInfo.serviceAward}" pattern="#.##" minFractionDigits="2" > </fmt:formatNumber> 
			 </div>
	     </div>	    
	</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>

<script type="text/javascript">
	$(function(){
		/* 记录分享奖是点击 */
		$("#share-father").on("click",function(){
			if($(this).attr("class").indexOf("weui-cell_access")>0){
				$(this).removeClass("weui-cell_access");
				$(this).addClass("weui-cell_define");
			}else{
				$(this).removeClass("weui-cell_define");
				$(this).addClass("weui-cell_access");
			}
		
			$("#shareLevel").toggle(300);
		});
		
		

		$("#recharge").click(function(){
			
			alert("温馨提示：此功能暂未开放");
		 }
		);
	});

</script>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>
